@list-item-height: 32px;
@padding: 16px;
@switcher-width: 16px;
@switcher-left: 10px;
@levelOneBackgroundColor: #ffffff;
@levelTwoBackgroundColor: #f8f9fc;
@levelThreeBackgroundColor: #e6eaef;
@levelFourBackgroundColor: #dae0e6;
@levelFiveBackgroundColor: #cad2d8;
@levelSixBackgroundColor: #bac0c8;

.stats-filter {
  width: 100%;
  padding-right: 16px;
  .search {
    margin: 0 16px 16px;
    width: auto !important;
  }
  .ant-tree {
    background-color: @levelOneBackgroundColor;

    .name {
      font-size: 14px;
      color: #1e1f23;
    }

    li {
      padding: 0;
      line-height: @list-item-height;
    }
    .ant-tree-switcher {
      box-sizing: content-box;
    }

    .ant-tree-switcher-icon svg {
      font-size: 16px;
      color: #bbbbbb;
    }

    .ant-tree-node-content-wrapper {
      width: 100%;
      .ant-tree-title {
        margin-left: 24px;
        margin-top: -24px;
        display: flex;
        justify-content: space-between;
        .name {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .count {
          padding: 0 16px 0 0;
          color: #999ea8;
        }
      }
    }
  }
}
